<?php
if (isset($judul_halaman))
    $this->load->view('header1', array('judul_halaman' => $judul_halaman));
//$this->load->view('leftSideBar1',array('judul_halaman'=>$judul_halaman));
else
    $this->load->view('header1');
//$this->load->view('leftSideBar1');
?>
<!--<link href="<?= base_url(); ?>assets/carousel.css" rel="stylesheet"/>-->
<body>
    <div class="container-fluid">
        <div class="row">
            <?php $this->load->view('leftSideBar1'); ?>
            <div class="col-sm-8 col-sm-offset-4 col-md-9 col-md-offset-3 main">
                <!--                <h1>abc</h1>-->
                <div class="menu1" style="position: absolute">
                    <a href=""><img src="<?= base_url() ?>assets/gambar/setting.png" height="25"/></a>
                    <a href=""><img src="<?= base_url() ?>assets/gambar/kalender.png" height="25"/></a>
                    <a href=""><img src="<?= base_url() ?>assets/gambar/notif.png" height="20"/></a>             
                </div>
                <div class="mainsite" style="margin-top: 20px;">
                    <div class="kuiskotak">
                        <div class="slesaikuis">
                            <h1>TERIMA KASIH SUDAH MENGERJAKAN</h1> 
                            
                            <h2>Poin Anda : 80 </h2>
                            <a href=""><img style="margin: 50px;" src="<?= base_url() ?>assets/gambar/skorkuis.png"/></a>
                        </div>
                        
                        
                        
                    </div>
                    <div class="sidekuis">
                        <h2></h2>
                        
                    </div>
                </div>
            </div>
            
            
        </div>

    </div>

    <style>
        .to_do_container{
            background-color: white;
            margin-left: 10px;
            width: 300px;
            border: #ccffff solid;
            box-shadow: 0px 5px 3px #888888;
        }
        .to_do_caption{
            font-style: italic;
            font-weight: bolder;
            margin-bottom: 25px;
        }
        .todos{
            margin: 30px;
        }
        .to_do{
            display: none;
        }
        .to_do_item{
            background-color: rgb(242,242,242);
            margin-bottom: 10px;
            padding: 15px;
            box-shadow: 0px 5px 3px #888888;
        }
        .trapezoid { 
            border-bottom: 50px solid red;
            border-left: 15px solid transparent; 
            height: 0; 
            width: 50px; 
            float: right;
            //position: absolute;
            //z-index: 9;
        }
    </style>
    <script>
        $('#nextToDo').click(function(){
            ubah_index_tampil(1);
        });
        $('#prevToDo').click(function(){
            ubah_index_tampil(-1);
        });
        function ubah_index_tampil(index){
            var elements= document.getElementsByClassName('to_do');
            if(elements.length==0)
                return 0;
            var element_ditampilkan = -1;
            for(var i=0;i<elements.length;i++){
                if(elements[i].style.display=='block'){
                    element_ditampilkan=i;
                    break;
                }
            }
            elements[element_ditampilkan].style.display='none';
            element_ditampilkan+=index;
            if(element_ditampilkan<0)
                element_ditampilkan=elements.length-1;
            element_ditampilkan=element_ditampilkan%elements.length;
            elements[element_ditampilkan].style.display='block';
        }
    </script>
    <?php
    $this->load->view('footer1');
    ?>